.tab-toggle {
  width: 736rpx;
  height: 182rpx;
  margin: 0 auto;
  // maring-top: -182rpx;
  border-radius: 78rpx;
  background-image: url('https://ustatic.hudongmiao.com/joymewApp/activity/nationalDay/tabToggleBg.png');
  background-size: 100% 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30rpx;
  padding-bottom: 10rpx;
  
  // top: 120rpx;
  // z-index: 2;
  .tab-item {
    width: 358rpx;
    height: 136rpx;
    border-radius: 62rpx;
    transition: all .4s;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    .duration {
      color: rgba(229, 81, 0, .7);
      font-size: 20rpx;
      font-weight: 500;
    }

    .title {
      color: rgba(229, 81, 0, 1);
      font-size: 28rpx;
      font-weight: 500;
    }

    .reward {
      color: rgba(229, 81, 0, 1);
      font-size: 20rpx;
      font-weight: 500;
    }

    &.active {
      background-image: url('https://ustatic.hudongmiao.com/joymewApp/activity/nationalDay/tabToggleActiveItemBg.png');
      background-size: 100% 100%;

      .duration {
        color: rgba(255, 255, 255, .7);
      }

      .title {
        color: rgba(255, 255, 255, 1);
        font-size: 28rpx;
        font-weight: 500;
      }

      .reward {
        color: rgba(255, 255, 255, 1);
        font-size: 20rpx;
        font-weight: 500;
      }
    }

  }
}